﻿<div id="checkoutcontent">
    <div id="first-steps" class="clearfix">
        <p>Confira o seu pedido e efetue o pagamento seguro logo abaixo:</p>
        <div id="informations">
            <h2>Seus Dados</h2>
            <h3 id#="name">Name</h3>
            <label for="">nome</label><span>Felipe</span>
            
        </div>
        <div id="address">
            <h2>Endereço de Entrega</h2>
            <div id="addresslabels">

            </div>
            <div id="addressfields">
                
            </div>
        </div>
    </div>
    <div id="paymentoptions">
        <ul>
        	<li class="creditcard"><a href="javascript:void(0)"></a></li>
        	<li class="paypal"><a href="javascript:void(0)"></a></li>
        </ul>
    </div>
    <div id="credictcardform">
        <h2 class="creditcard">Cartão de Crédito</h2>
        <div id="creditform">
            <label for="">Selcione a Bandeira do seu Cartão de Crédito:</label>
            <ul id="labels">
                <li><a href="javascript:void(0)" class="visa">Visa</a></li>
                <li><a href="javascript:void(0)" class="americanexpress">American Express</a></li>
                <li><a href="javascript:void(0)" class="mastercard">Master Card</a></li>
                <li><a href="javascript:void(0)" class="diners">Diners Club</a></li>
            </ul>
            <div id="formcard">
                <div class="name">
                    <label>Nome do Titular</label>
                    <p>Como está grafado no cartão)</p>
                    
                </div>
                <div class="cardnumber">
                    <label>Número <br />do Cartão</label>
                    
                </div>
                <div class="cardvalidate">
                    <label>Data de <br />Validade</label>
                    
                </div>
                <div class="cardcode">
                    <label>Código de <br />Segurança</label>
                    
                </div>
                <div class="totalshpvalue">
                    <label>Valor Total da Compra</label>
                    
                </div>
                <div class="paymenttimes">
                    <label>Parcelamento</label>
                    
                </div>
                <div class="finalizepayment">
                    <label>Parcelamento</label>
                    
                </div>
            </div>
        </div>
        <div id="secondcreditcard">
            <div id="heading">
                <h3>Dividir em 2 no Cartão de Crédito</h3>
                <p><a href="javascript:void(0)">Não quero dividir em 2 Cartões de Crédito</a></p>
            </div>
            <div id="subheading">
                <h4>Informe os dados do primeiro cartão</h4>
            </div>
            
        </div>
    </div>
</div>